
<!--TEST- Änderung : 19.03.2025 17:25:55 -->
<!--   Text 50 60                                  -->
/* ******************* */
/*   CSS TBB_Mobil     */
/*   17.12.2019        */
/* ******************* */
<!---------
 /*
<style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center; /* Optional: Zentriert den Text */
        }
        .container {
            width: 100%;
            max-width: 1200px; /* Begrenze die maximale Breite */
            margin: 0 auto; /* Zentriert den Container */
            padding: 20px; /* Fügt etwas Polsterung hinzu */
        }
    </style>




*/
------>





















.datum        
{ 
font-size: 70px;    
background-color         : #FFFF00;
margin-bottom: 0px;
margin-top: 0px;
 }
.header       { font-size:50px ; color:white}
.veranstalter { font-size:50px ; color:white}
.normal       { font-size:30px ; color:white}
.adresse       { font-size:50px ; color:#FFA500}

.auto-style1
 {
 font-size: 70px;
 background-color: #FFFF00;
 text-align: center;
}




























.Mobil-Live-Left{
    width:20%;
    text-align:left;
	font-weight: bold;
	font-size: 20px;
	color: #FFBF00;
}

.Mobil-Live-Right{
    width:80%;
    text-align:left;
	font-weight: bold;
	font-size: 25px;
	color: #FFBF00;
}
.Mobil-Live-Style-Slogan{
    width:100%;
    text-align:left;
	font-weight: bold;
	font-size: 25px;
	color: #FFBF00;
	text-align: center;
	border-bottom-color:#FFBF00;
	border-bottom:thick;
	
}
.Mobil-Live-Style-Table{
    width:936px;
background:black;
 font-size: 25px;
	color: #FFBF00;

	
}
.Mobil-Live-Style-100-Left{
    width:100%;
    text-align:left;
	font-weight: bold;
	font-size: 25px;
	color: #FFBF00;
	text-align: center;
	border-bottom-color:#FFBF00;
	border-bottom:thick;
	
}


.BitmapTopHistory
{
background-image: url(../images/logo_history.jpg); height:217px; width:916px;
 }
.BitmapTop
{
background-image: url(../images/logo.jpg); height:217px; width:916px;
 }

.BitmapTopAktuell
{
background-image: url(../images/logo_trio.jpg);  height:217px;width:916px;
 }


.BitmapTopLive
{
background-image: url(../images/logo_live.jpg); height:217px; width:916px;
 }

.BitmapTopLink
{
background-image: url(../images/logo_linkliste.jpg); height:217px; width:916px; 
}

.BitmapTopTankstelle
{
background-image: url(../images/logo_tankstelle.jpg); height:217px; width:916px; 
}
.BitmapTopBergheim
{
background-image: url(../images/logo_bergheim.jpg); height:217px; width:916px; 
}

.BitmapTopBörsencafe
{
background-image: url(../images/logo_börsencafe.jpg); height:217px; width:916px; 
}

.BitmapTopRoute66
{
background-image: url(../images/logo_route66.jpg); height:217px; width:916px; 
}
.BitmapTopOkieDokie
{
background-image: url(../images/logo_okiedokie.jpg); height:217px; width:916px; 
}

.BitmapTopOkieDokie2005
{
background-image: url(../images/logo_okiedokie2005.jpg); height:217px; width:916px; 
}
.BitmapTopOkieDokie2006
{
background-image: url(../images/logo_okiedokie2006.jpg); height:217px; width:916px; 
}

.BitmapTopHamtorkrug
{
background-image: url(../images/logo_hamtorkrug.jpg); height:217px; width:916px; 
}

.BitmapTopRoute662018
{
background-image: url(../images/logo_route662018.jpg); height:217px; width:916px; 
}

.BitmapTopBergheim2018
{
background-image: url(../images/logo_bergheim2018.jpg); height:217px; width:916px; 
}

.BitmapTopBoersencafe2017
{
background-image: url(../images/logo_boersencafe2017.jpg); height:217px; width:916px; 
}
.BitmapTopRhingSchiffer
{
background-image: url(../images/logo_rhingschiffer.jpg); height:217px; width:916px; 
}
/* ******************************************************************* */
/*   SLIDER1                                                           */
/* ******************************************************************* */

.slider-holder
        {
            width: 600px;
            height:440px;
            background-color:#FFBF00;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            text-align: center;
            overflow: hidden;
            background-image: url(../images/trenner.jpg);

        }
       
.image-holder
        {
      
            width: 3200px;
            background-color:black;
          
            height:400px;
            clear: both;
            position: relative;
           
            -webkit-transition: left 2s;
            -moz-transition: left 2s;
            -o-transition: left 2s;
            transition: left 2s;
        }
       
.slider-image
        {
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
	top: 0px;
	left: 0px;
}
       
#slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
       
#slider-image-2:target ~ .image-holder
        {
            left: -600px;
        }
       
        #slider-image-3:target ~ .image-holder
        {
            left: -1200px;
        }
       
        #slider-image-4:target ~ .image-holder
        {
            left: -1800px;
        }
  #slider-image-5:target ~ .image-holder
        {
            left: -2400px;
        }

       
.button-holder
      {
       position: relative;
       top:-111px;
       }
       
.slider-change
        {
            display: inline-block;
            height: 20px;
            width: 20px;
            border-radius: 5px;
            background-color: #FFBF00;;
        }

 







/************************************************/



.center img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}


.amensic-image-wrapper{
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}
.amensic-image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  div.example {
    font-size: 80px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}

#center
{
background-color: #E6ECFF;
border:2px solid black;
width: 700px;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
} 

.video-border{ 
  width:90%; 
  align: center;
  border:2px solid #FFBF00;
  overflow: hidden;
}

.aaaaaavideo-border-white{ 
  width:100%;
   max-width:710px;
   height:auto;
  align: center;
  border:2px solid white;
  overflow: hidden;
}




body
{
background-color:#1b0102;
font-size: 100.1%;
}


.NaviLine
{
background-color:  #FFFF99;
}

/* Navigation Hauptleiste */
   ul#Navigation {
     margin: 0;

     padding: 4px ;        /* Rahmen um die Buchstaben hat Auswirkung auf Navileistenhöhe         */

     word-spacing: 10px;    /* Bereich zwischen den Buchstaben vormals 20 */

     border-top: 1px;
     border-top-style: solid;
     border-top-color: #FFFF99;
     border-bottom: 1px;
     border-bottom-color: #FFFF99;
     border-bottom-style: solid;
     color:#000000;
     background-image: url(../images/BackGround.jpg);

   }




   /* Textfarbe normal */
   ul#Navigation a, ul#Navigation span
    {
    
     font-family: Verdana;


     padding: 1px ;         /* Rahmen um die Buchstaben   */
     word-spacing: 20px;    /* Bereich zwischen den Buchstaben */
     
     font-size:60px;/*Texthöhe80  21.03.2025    */
   
     text-decoration: none;
     font-weight: bold;
     color: #FFFF99;

   }



   * html ul#Navigation a, * html ul#Navigation span
   {
     width: 1em;    /* nur fuer IE 5.0x erforderlich */
     width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
   }


/* Farbe bei hover */

ul#Navigation a:hover, ul#Navigation span
   {

     padding: 1px ;         /*Rahmen um die Buchstaben         */
     word-spacing: 20px;    /* Bereich zwischen den Buchstaben */

     color: black;
     font-size: 40px;
     font-size:120px;/*Texthöhe 80  21.03.2025   */
     font-family: Verdana;  
     background-color:#FFFF99;
   }


  ul#Navigation a:active , ul#Navigation span
   {

     padding: 1px ;         /*Rahmen um die Buchstaben         */
     word-spacing: 20px;    /* Bereich zwischen den Buchstaben */

     font-size: 30px;
 font-size:120px;/*Texthöhe 80*  21.03.2025  */
     
font-family: Verdana;


     font-weight: bold;
     color:red;
}



   /* Textfarbe normal */
   ul#Navigation a.drauf
    {



     color: black;
     font-size: 40px;
font-size:60px;/*Texthöhe 40*/
     
font-family: Verdana;


     text-decoration: none;
     background-color:#FFFF99;
     font-weight: bold;

   }



   /* Textfarbe normal */
   ul#Navigation a.NaviSelected
    {

     padding: 1px ;         /*Rahmen um die Buchstaben         */
     word-spacing: 40px;    /* Bereich zwischen den Buchstaben */

     color: black;
     font-size:45px;
     font-family: Verdana;


     text-decoration: none;
     background-color:#FFFF99;
     font-weight: bold;

   }





a.link_1:link {color: #ffffff}
a.link_1:visited {color: #0000ff}
a.link_1:hover {background: #66ff66}

a.link_2:link {color: #660000}
a.link_2:visited {color: #660000}
a.link_2:hover {background: #660000}


a.link_text:link
{

color: #FFFF99;
font-size: 35px;
font-family: Verdana;
font-style: normal;
text-decoration: underline;
}
a.link_text:visited {
color: #FFFF99;
font-size: 35px;
font-family: Verdana;
font-style: normal;
text-decoration: underline;
}

a.link_text:hover
{
     text-decoration: underline;
     background: #66ff66;
     background-color: #FFFFCC;
     color: #000000;
}

td {
     font-family: Verdana;
     background-color: #000000;
     border-color: #FFFFFF;
     border-left-style: solid;
     border-left-width: 0px;
     border-right-style: solid;
     border-right-width: 0px;
     border-right-color: #FFFF99;

  }

th {
     font-family: Verdana;
}




.Galerie {
     font-size: 18px;

}


.Name {
     color: #FFFF99;
     font-size:35px;
     font-family: Verdana;
     font-style: normal;
     font-weight: bold;

}
.Name20 {
     color: #FFFF99;
     font-size:20px;
     font-family: Verdana;
     font-style: normal;
     font-weight: bold;

}

.Text {
     color: #FFFF99;
     font-size: 30px;
     font-family: Verdana;
     font-style: normal;


}
.TextKlein {
     color: #FFFFff;
     font-size: 25px;
     font-family: Verdana;
     font-style: normal;


}
.Text20 {
     color: #FFFF99;
     font-size:20px;
     font-family: Verdana;
     font-style: normal;
}

.Text24 {
     color: #FFFF99;
     font-size:24px;
     font-family: Verdana;
     font-style: normal;
}
.Text30 {
     color: #FFFF99;
     font-size:30px;
     font-family: Verdana;
     font-style: normal;
}

.Text40 {
     color: #FFFF99;
     font-size:40px;
     font-family: Verdana;
     font-style: normal;
}
.Text50 {
     color: #FFFF99;
     font-size:50px;
     font-family: Verdana;
     font-style: normal;
}
.Text60 {
     color: #FFFF99;
     font-size:60px;
     font-family: Verdana;
     font-style: normal;
}

.Text100 {
     color: #FFFF99;
     font-size:100px;
     font-family: Verdana;
     font-style: normal;
}

.Text70 {
     color:yellow;
     font-size:170px;
     font-family: Verdana;
     font-style: normal;
}

.Copyright {
     color: #FFFF99;
     font-size: 25px;
     font-family: Verdana;
     font-style: normal;

}


.BorderLeft
{
width:5px;
background-image: url(../images/BorderLeft.jpg); width:5px;
border: 0;
border-width: 0;
}
.BorderRight
{
background-image: url(../images/BorderRight.jpg); width:5px;
border: 0;
border-width: 0;

}
.iframe
{
     width:100%;
     height: 100%;

}
.trenner
{
background-image: url(../images/trenner.jpg);height:10px;
width: 100%;
border: 0;
border-width: 0;
}

.MidDataStyle
{
         width:716px;
         /*height:530px;*/
         /*overflow:auto;*/
         scrollbar-3dlight-color:Dark#FFA500;
         scrollbar-arrow-color:Black;
         scrollbar-base-color:#FFA500Red;
         scrollbar-darkshadow-color:#FFA500Red;
         scrollbar-face-color:#FFA500;
         scrollbar-highlight-color:Yellow;
         scrollbar-track-color:#D2691E;
         scrollbar-shadow-color:Yellow;
         background-color: #000000;
         layer-background-color: #FFFFFF; border: 1px none #000000; } .MidData {
     width:716px;
     background-color: #000000;
}
.MidData600
{
     width:600px;
     background-color: #000000;
}


.BitmapLeft  { background-image: url(../images/left_k_ps_g.jpg ); width:100px; }
.BitmapRight { background-image: url(../images/right_k_ps_g.jpg); width:100px; }



.BitmapLeft2
{
background-image: url(../images/left_k_ps_g.jpg); width:100px; height:10px; }

}


.FrameLinks {background-attachment: fixed;} .FrameMitte {background-color: #000000;} .FrameRechts {background-image: url(../BorderRight2.jpg);

}


.FlashTop
{
     background-image: url(../images/logo.jpg);
     height:217px;
     width:916px;
     border: none;
     }

.FlashTop:hover
img{
border: none;
}


.FlashLeft
{
background-image: url(../images/left_k_ps_g.jpg); width:100px; height:564px; }

.FlashRight
{
background-image: url(../images/right_k_ps_g.jpg); width:100px; height:564px; }


.center{
	text-align: center;
}


.BitmapTopHistoryList
{
background-image: url(../images/logo_historylist.jpg); height:217px; width:916px;
}
.NameTopLeft {
	color: #FFFF99;
	font-size:24px;
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}